Ext.onReady(function() {
	Ext.QuickTips.init();
	function doLogin() {
		if (!formPanel.getForm().isValid()) {
			Ext.example.msg('警告', '校验失败！');
			return;
		}
		formPanel.getForm().submit({
			waitTitle : '请稍等',
			waitMsg : '验证中...',
			url : 'login.php',
			success : function(form, action) {
				Ext.example.msg('消息', '登录成功!');
				location.href = 'main.php';
			},
			failure : function(form, action) {
				Ext.example.msg('警告', '登录失败，用户名或密码错误!');
				form.findField("password").setRawValue("");
				form.findField("id").focus(true);
			},
			scope : this
		});
	}
	var formPanel = new Ext.FormPanel({
		// renderTo : Ext.getBody(),
		title : '用户登录',
		iconCls : 'icon-login',
		labelWidth : 80,
		frame : true,
		bodyStyle : 'padding:5px 5px 0',
		defaultType : 'textfield',
		defaults : {
			width : 230,
			allowBlank : false
		},
		items : [ {
			fieldLabel : '用户名',
			name : 'id',
			listeners : {
				render : function(field) {
					field.focus(false, 100);
				}
			}
		}, {
			fieldLabel : '密码',
			name : 'password',
			inputType : 'password'
		} ],
		buttons : [ {
			text : '登  录',
			handler : doLogin
		}, {
			text : '清  空',
			handler : function() {
				formPanel.form.reset();
			}
		} ],
		keys : [ {
			key : Ext.EventObject.ENTER,
			fn : doLogin,
			scope : this
		} ]
	});
	var win = new Ext.Window({
		layout : 'fit',
		width : 350,
		height : 150,
		closable : false,
		resizable : false,
		plain : true,
		border : false,
		items : [ formPanel ]
	});
	// 加载完毕，去掉loading，兼容IE7
	setTimeout(function() {
		Ext.get('loading').remove();
		if (Ext.isIE7)
			Ext.get('loading-mask').remove();
		else
			Ext.get('loading-mask').fadeOut({
				remove : true,
				duration : 2
			});
		win.show();
	}, 200);
});